/* ---花瓣增值税计算分析系统专栏样式---*/
/* ======================================*/
/* ---login---*/
.login-top{height: 120px}
.login-top .login-logo{margin-left: 36px; margin-top: 36px;}
.login-top span{margin-left: 26px; font-size: 35px; top: 43px; position: absolute;}
.login-top span font{font-family: 微软雅黑; color: #4778c7; font-weight: lighter;}
.login-middle{background: url(../../assets/imgs/login-bg.png); background-size: 100% 100%; height: 600px; width: 100%; position: absolute;}
.login-middle .login-title{font-size: 30px; margin-top: 49px; color: white; text-align: center; position: absolute; width: 100%;}
.login-middle .login-form{border-radius:15px;width:700px;height:350px;box-shadow:0 0 20px #000;background:url(../../assets/imgs/login-form-bg.png);background-size:100% 100%;margin-left: auto;margin-right: auto;margin-top: 120px;}
.login-middle .div-form{position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -200px; width: 380px;}
.login-form label{font-size: 16px; margin-right: 15px; color: #4778c7; width: 59px; text-align: right;}
.login-form i{font-size: 24px; position: absolute; margin-left: 8px; margin-top: 5px; color: #7d7d7d7d;}
.login-form input{font-size:16px;width: 300px; border: 2px solid #4778c7; height: 42px; padding: 2px 6px 2px 35px; margin-bottom: 20px; line-height: 1.42857143; border-radius: 4px; box-shadow: none!}
.login-btn{width: 112px;height:42px;font-size:18px;float:right;border-radius:4px!important;background:#095eb1!important;}
.login-btn,
.login-btn:hover,
.login-btn:focus,
.login-btn.focus,
.login-btn:active,
.login-btn.active,
.open>.dropdown-toggle.login-btn{color: #fff;background:#4BBAFF;border-radius: 40px;border-color: #4BBAFF;}
.login-bottom{position: absolute; height: 180px; width: 100%; margin-top: 600px;}
.login-bottom .div-inner{height: 44px; font-size: 14px; color: #7d7d7d; top: 60px; text-align: center; position: absolute; width: 100%;}
.login-bottom i{font-size: 40px; vertical-align: super;}
.login-bottom .div-twoline{display: inline-block; overflow: hidden; text-align: left}
.login-bottom .div-inner2{margin-bottom: 20px; font-size: 14px; color: #bbbbbb; top: 160px; text-align: center; position: absolute; width: 100%;}
.login-bottom .div-text{display: inline-block; height: 44px; line-height: 44px; overflow: hidden;}
.login-bottom .div-splitline{margin: 0 18px; width: 1px; height: 44px; background: #7d7d7d; display: inline-block;}
/* ======================================*/
/* ---header---*/
.main-header .div-table {float: left; display: table; height: 100%; overflow: hidden; font-size: 14px; color: #01e8fe;}
.main-header .div-table .div-table-cell {vertical-align: middle; display: table-cell; text-align: center;}
.main-header {height: 120px; background-color: #095eb1;position: absolute;width: 100%;top: 0;/*overflow:auto;overflow:-webkit-paged-x;*/}
.main-header .div-desc {font-size: 30px; color: #FFFFFF; font-weight: lighter;}
.main-header .div-company-logo{height: 80px; width: 80px; border-radius: 40px;  background-size: 80px 80px;}
.main-header ul {margin-bottom:0px;float: left; display: table; height: 100%; overflow: hidden; font-size: 14px;}
.main-header ul li {vertical-align: middle; display: table-cell; text-align: center;}
.main-header ul li i {font-size: 34px;color:#01e8fe;}
.main-header ul li div {color:#FFFFFF;}
.main-header ul li:hover  {background-color: #4778c7;}
.main-header ul li a {display: table;height:100%;}
.main-header ul li a .divMenuOuter {padding: 0px 13px;vertical-align: middle;display:  table-cell;}
.main-header #divSwitchEnterprise{background-color:white;display: none; border: 2px solid #fbb204; width: 75%; height: 600px; position: absolute; top: 118px; z-index: 99999; left: 150px;}
#divSwitchEnterprise .divTriangle{z-index: -1; width: 30px; height: 30px; position: absolute; top: -16px; left: 232px; background-color: #fff; border-top: 2px solid #fbb204; border-left: 2px solid #fbb204; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);}
#divSwitchEnterprise #closeSwitchEnterprise{text-align: center; width: 40px; height: 40px; background-color: #fbb204; right: 0px; position: absolute; border-radius: 0px 0px 0px 40px; padding-left: 5px; padding-top: 2px;}
#divSwitchEnterprise #closeSwitchEnterprise:hover{cursor: pointer;}
.main-left {position: absolute; width: 80px; height: 100%; background-color: #095eb1;}
.main-title{width: 22px; margin: 0 auto; line-height: 28.5px; font-size: 22px; color: #FFFFFF;padding-top:135px;}
.main-body{position: absolute; width:calc(100% - 80px);left:80px;bottom:0;top:120px;overflow:auto;}
.main-rect{position: absolute; margin-left: 80px; margin-top: 120px; width: 50px; height: 50px; background-color: #095eb1;}
.main-radius{position: absolute; width: 100px; height: 100px; background-color: #fff; margin-left: 80px; border-radius: 50px;margin-top: 120px;}
/* ======================================*/
/* ---企业选择---*/
.main-switch{}
.main-switch .title-label{font-size: 14px; color: #444444;}
.main-switch .div-enblock{display: inline-block; margin-right: 12px; width: 260px; height: 210px; font-size: 14px; border-radius: 3px; box-shadow: 0 0 25px #4778c7; padding: 15px; line-height: 35px;}
.main-switch .div-enblock:hover{box-shadow: 0 0 20px #095eb1;border:1.5px solid #095eb1;cursor:pointer; }
.div-enblock img{width: 165px; height: 80px;}
.div-enblock .div-entitle{font-size: 18px; color: #444444;text-align: center;}
.div-enblock i{color: #01e8fe;font-size:15px;}
.div-selectgroup{display: inline-block; border: 1px solid #095eb1; border-radius: 3px;}
.div-selectgroup:hover{border: 1px solid #00c9ff;}
.div-selectgroup select {display: inline-block; width: 110px; border: 0 !important; margin-bottom: 0px;}
.main-switch .div-letter{margin-top: 10px; vertical-align: top; font-size: 20px; width: 32px; height: 32px; border: 1px solid #4778c7; text-align: center; display: inline-block;}
.main-switch .div-entgroup{display: inline-block; width: calc(100% - 40px); padding-left: 10px;}
.div-entgroup img{width: 120px; height: 50px;padding:3px;}
.div-entgroup .div-entblock{display: inline-block;min-width:350px;margin-bottom: 15px;}
.div-entgroup .div-entblock:hover{border:1.5px solid #095eb1;cursor:pointer;border-radius: 3px;}
.div-entgroup .div-content{display: inline-block; font-size: 14px; color: #444444; text-align: left; vertical-align: middle; margin-left: 5px;}

/* 企业相关 */
.oneblock-small{width: 420px;height: 240px;border: 1px solid #bbbbbb;display: inline-block;border-radius: 5px;margin-bottom: 20px;margin-right: 15px;box-shadow: 0 0 10px #dddddd;padding: 5px 10px;}
.oneblock-small:hover{border: 2px solid #095eb1;}
.oneblock-small img{height: 55px; width: 145px;}
.oneblock-small .firstletter{margin:auto 8px;display: inline-block; background-color: #095eb1; color: white; height: 30px; width: 30px; text-align: center; font-size: 20px; border-radius: 15px; vertical-align: middle;}
.oneblock-small .blocktitle{line-height: 25px; font-size: 16px; color: #095eb1; vertical-align: middle; display: inline-block;}
.oneblock-small .blockcontent{font-size: 14px; line-height: 26px;}
.blockcontent .propertytitle{display: inline-block;min-width: 100px;text-align:  right;padding-right:  12px;color: #999999;}
.blockcontent span{background: #14CC76; height: 16px; min-width: 50px; text-align: center; color: #ffffff; border-radius: 5px; padding: 0 5px;}
.blockcontent .spanYellow{background:#FAB304;}
.blockcontent button{float: right; height: 30px; min-width: 70px; position: relative; bottom: 10px;right: 5px;}
.selectgroup-extend{width: 79%;margin-left: -33.5%;}
.selectgroup-extend select{margin-right: 20px;float: left;}
.onlyvalue-extend{display: inline-block;float: left;width: 79%;margin-left: -33.5%;}

/* 项目相关 */
.popuptitle {margin-bottom:  30px;font-size:  16px;}
.popuptitle i{color: #01cdff;}
.popuptitle span{color: #083A6F;font-weight: bold;}

/* =================界面公共元素=====================*/
/* ---面包屑---*/
.div-nav{font-size: 16px; margin-top: 0px;top: 0; left: 0; position: absolute; box-shadow: 0px 2px 7px #bbbbbb; width: 100%; line-height: 60px; padding-left: 40px;}
.div-nav i{color: #00c9ff;font-size: 20px;margin-right:5px;}

/* ---底部步骤---*/
.div-footer{z-index:9999;transform: translate(-80px,0px);width: 100%; text-align: center; position: fixed; bottom: -4px;}
.div-footer .leftline{display: inline-block; background-image: url('/assets/imgs/step-left-line.png'); height: 128px; width: 44px;}
.div-footer .rightline{display: inline-block; background-image: url('/assets/imgs/step-right-line.png'); height: 128px; width: 44px;}
.div-footer .middle{display: inline-block; background-image: url('/assets/imgs/step-middle-line.png'); height: 128px; margin: 0 -4px;}
.div-footer .middle .title-block{height: 28px;width: 100%;display: table;}
.title-block .lefttriangle{display: inline-block;margin-bottom: -8px;border-top: 28px solid #095eb1;border-right: 0px solid rgba(0, 0, 0, 0);border-left: 18px solid rgba(0, 0, 0, 0);}
.title-block .title{display: inline-block;background-color: #095eb1;padding: 0 15px;line-height: 28px;font-size: 16px;color: #ffffff;}
.title-block .righttriangle{display: inline-block;margin-bottom: -8px;border-top: 28px solid #095eb1;border-right: 18px solid rgba(0, 0, 0, 0);border-left: 0px solid rgba(0, 0, 0, 0);}
.title-block .title i {color: #00c9ff;margin-right: 10px;}
.div-footer .middle .content-block{height: 100%;width: 100%;padding: 0 40px;min-width: 400px;display: table;}
.content-block .content-block-inner{padding: 0 50px; vertical-align: middle; display: table-cell;}
.content-block .numboxdiv{display: inline-block; float: left;}
.content-block .button-block{display: inline-block; margin-left: 200px;}
.button-block div{font-size: 14px; padding-top: 10px;}
